.topnav {
   display: none;
}
.topnav3 {
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.image2{
   display: none;
   margin-top: 10px;
   margin-bottom: 10px;
}
.caixa1 {
	width: 590px; padding-bottom: 10px; font-size: 16px; display: inline-block; text-align: center;
}
.styletitulo {
			text-align: center;
			font-size: xx-large;
			color: #FFFFFF;
			background-color: #dddddd;
			clear: both;
			margin: 0px; 
	        padding: 0px;
			font-weight: bold;
		}
.stylecorpo {
			text-align: center;
			font-size: large;
			padding-left: 40px;
			padding-right: 40px;
		}
.stylecorpo2 {
			text-align: left;
			font-size: large;
			padding-left: 40px;
			padding-right: 40px;
		}
		
.stylecorpo3 {
			text-align: left;
			font-size: large;
			padding-left: 180px;
			padding-right: 40px;
		}

.style1eft {
			text-align: left;
		}
.stylecenter {
			text-align: center;
		}
.style1000 {
			text-align: center; font-size:12px;
		}
.style1100 {
			word-spacing: 2px;
			margin-top: 2px;
			margin-bottom: 2px;
			text-align: center;
		}
.style1200 {
			text-decoration: underline;
		}
.style3000 {
			margin-top: 10px;
			margin-bottom: 10px;
		}
.style4000 {
			margin-top: 20px;
			margin-bottom: 20px;
			}
.style5000 {
			margin-right: 56px;
			margin-left: 347px;
}
.style6000 {
			text-transform: uppercase;
}
-style6500 {
			text-transform: uppercase;
			font-size: medium;
		}
.style7000 {
			text-align: center;
			font-size: xx-small;
}
.style8000 {
			text-align: center;
			font-size: large;
			}
.style8250 {
			text-align: center;
			font-size: x-large;
		}
.style8500 {
			text-align: center;
			font-size: xx-large;
		}
a:link {
	color: db3632;
}
a:visited {
	color: db3632;
}
a:hover {
	color: #10297a;
}
a:active {
	color: #CC6699;
}
body {
	margin: 0px; 
	padding: 0px;
    font-family: sans-serif; /*fonte para todo o site*/
}

}
html {
	margin: 0px; padding: 0px;
}
body {
	margin-bottom: inherit; background-color: rgb(221, 221, 221);
}
.wrapper {
	margin: 20px auto; width: 100%; max-width: 1170px; background-color: white;
}
h1 {
	margin: 0px; padding: 10px 0px; text-align: center; color: rgb(51, 51, 51); font-size: 300%;
}
h2 {
	padding: 0px; color: rgb(160, 160, 160); font-size: 15px;
}
a {
	color: black; text-decoration: none;
}
#content {
	text-align: center; font-size: 0px;
}
.home_box {
	width: 390px; padding-bottom: 10px; font-size: 16px; display: inline-block;
}
.home_box img {
	transition:0.5s ease-in-out; width: 390px;
}
.home_box h3 {
	margin: 3px 0px; text-align: center;
}
.home_box p {
	margin: 3px 0px; padding: 0px 6px;
}
.docs {
	width: 100%; text-align: center;
}
.docs table {
	margin: auto; width: 100%;
}
.docs table td {
	width: 32%; padding-bottom: 20px; vertical-align: top; 
}
.docs table td:last-child {
	border-image: url('') none;
}
.docs span {
	letter-spacing: 2px;
}
.docs a {
	letter-spacing: 2px;
}
.docs .wrapper {
	margin-bottom: 0px;
}
.exec {
	width: 100%; text-align: center;
}
.exec table {
	margin: auto; width: 100%;
}
.exec table td {
	width: 32%; padding-bottom: 20px; vertical-align: top; 
}
.exec table td:last-child {
	border-image: url('') none;
}
.exec span {
	letter-spacing: 2px;
}
.exec a {
	letter-spacing: 2px;
}
.exec .wrapper {
	margin-bottom: 0px;
}
footer {
	width: 100%; text-align: center; border-top-color: rgb(221, 221, 221); border-top-width: 5px; border-top-style: solid; background-color: rgb(238, 238, 238);
}
footer table {
	margin: auto; width: 100%;
}
footer table td {
	width: 32%; padding-bottom: 20px; vertical-align: top; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid;
}
footer table td:last-child {
	border-image: url('') none; border-right-width: 0px;
}
footer span {
	letter-spacing: 2px;
}
footer a {
	letter-spacing: 2px;
}
footer .wrapper {
	margin-bottom: 0px;
}

@media only screen and (max-width:1200px)
{
.wrapper {
	margin: 0px auto; padding: 0px 7px; box-sizing: border-box;
}
.home_box {
	width: 290px;
}
.home_box img {
	width: 290px;
}
footer table {
	width: 870px;
}
.docs table {
	width: 870px;
}
.exec table {
	width: 870px;
}
}
@media only screen and (max-width:900px)
{
h1 {
	font-size: 250%;
}
#content {
	padding-top: 20px;
}
.home_box {
	width: 100%; display: block;
}
.home_box img {
	width: 100%; max-width: 300px;
}
footer table td {
	width: 100%; border-right-color: currentColor; border-bottom-color: rgb(204, 204, 204); border-right-width: 0px; border-bottom-width: 1px; border-right-style: none; border-bottom-style: solid; display: block;
}
footer table td:last-child {
	border-image: url('') none; min-height: 160px;
}
footer table {
	width: 100%;
}
.docs table {
	width: 100%;
}
.docs  table td {
	width: 100%; display: block; min-height: 250px;
}
.exec table {
	width: 100%;
}
.exec table td {
	width: 100%; display: block; min-height: 350px;
}
}


@media only screen and (max-width:600px)
{
ul#menu li
{ float: left;
  width: 100%;
  }
.image1{
     display: none;
   }
.image2{
     display: block;
     margin-left: auto;
     margin-right: auto;
     padding: 20px 0px 10px 0px;
   }  
.topnav {
	display: block;
	margin: 0px 0px 10px 0px;
	   }
.topnav a {
    float: none;
    width: 100%;
  }
.topnav2 {
	display: block;
	margin: 0px 0px 10px 0px;
	   }
.topnav2 a {
    float: none;
    width: 100%;
  }
.topnav3 {
	display: block;
	margin: 0px 0px 10px 0px;
	   }
.topnav3 a {
    float: none;
    width: 100%;
  }
.style4000 {
display: none;
			}
.style5000 {
	margin-right: 20px;
	margin-left: 20px;
}

.rslides img {
padding: 20px 0px 0px 0px;
}
#menubar{
   display: none;
}
}
@media only screen and (max-width:400px)
{
  h1 {
  	font-size: 200%;
  }
}
/* */
.rslides {
	list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; position: relative;
}
.rslides li {
	left: 0px; top: 0px; width: 100%; display: none; position: absolute; -webkit-backface-visibility: hidden;
}
.rslides li:first-child {
	float: left; display: block; position: relative;
}
.rslides img {
	border-image: url('') none; width: 100%; height: auto; float: left; display: block;
}
#menubar
{ width: 100%; /*1300px*/
  height: 46px;
  padding-top: 4px;
  padding-left: 4px;} 

ul#menu
{ float: left;
  margin: 0px;}

ul#menu li
{ float: left;
  margin: 5px 0 0 0;
  padding: 0 0 0 0px;
  list-style: none;}

ul#menu li a
{ letter-spacing: 0.1em;
  font-family: sans-serif;
  font-size: 120%;
  display: block; 
  float: left; 
  height: 20px;
  text-decoration: none; 
  padding: 9px 15px 5px 15px;
  text-align: center;
  color: #db3632;
  border: none;} 

ul#menu li.selected a
{ height: 20px;
  padding: 7px 15px 4px 15px;}

ul#menu li.selected
{ margin: 7px 0 0 0;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ color: #ccc;}
/*{ color: #d65855;}*/

ul#menu li a:hover
{ color: #fdcf37;}
/*{ color: #d65855;}*/

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  left: 200px;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd; color: red;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


/* menu para ecras reduzidos */
/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: #ddd;
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #c48b06;
  text-align: center;
  padding: 14px 0px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: #f1f1f1;
  color: #c48b06;
}
.topnav a.active {
  background-color: #f1f1f1;
  color: #c48b06;
}

/* Style the topnav links */
.topnav2 a {
  float: left;
  display: block;
  color: #c48b06;
  text-align: center;
  padding: 14px 0px;
  text-decoration: none;
}

/* Change color on hover */
.topnav2 a:hover {
  background-color: #ddd;
  color: #c48b06;
}
.topnav2 a.active {
  background-color:  #f1f1f1;
  color: #c48b06;
}
.topnav3 {
   overflow: hidden;
  background-color: #f1f1f1;
}

/* Style the topnav links */
.topnav3 a {
  float: left;
  display: block;
  color: #c48b06;
  text-align: center;
  padding: 14px 0px;
  text-decoration: none;
}

/* Change color on hover */
.topnav3 a:hover {
  background-color: #ddd;
  color: #c48b06;
}
.topnav3 a.active {
  background-color:  #f1f1f1;
  color: #c48b06;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 16px;
  width: 85%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-left: 85px;
  font-size: large;
  padding-left: 80px;
}
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
 background-color: #ccc;
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

 /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 16px;
  width: 85%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-left: 85px;
  font-size: large;
  padding-left: 80px;
}

.collapsible2 {
  background-color: #ccc;
  color: #444;
  cursor: pointer;
  padding: 16px;
  width: 85%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-left: 85px;
  font-size: large;
  padding-left: 80px;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.contentatas {
  padding: 0 16px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  margin-left: 155px;
  width: 70%;
}

.collapsible-content-shown-by-default {
  max-height: 100%;
  padding: 10px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
  margin-left: 155px;
  width: 70%;

}